<template>
  <div class="data-service">
    <ServiceSearch :serviceType="serviceType" />
    <moduleQuery />
    <ModalAwait v-model:visible="awaitVisible" />
  </div>
</template>

<script lang="ts" >
import { defineComponent, ref, } from "vue";
import { ServiceSearch } from "./components/index";
import  moduleQuery  from "./moduleQuery/index.vue";



export default defineComponent({
  name: "Service",
  components: { ServiceSearch , moduleQuery },
  setup() {
    const searchStr = ref("");
    const serviceType = ref("compList");


    const awaitVisible = ref<boolean>(false);

    const openAwait = () => {
      awaitVisible.value = true;
    };

    return {
      serviceType,
      searchStr,
      awaitVisible,
      openAwait
    };
  },
});
</script>

<style lang="less" scoped>
.data-service {
  background: #f4f6fa;
}
</style>


